
<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <title>Fullscreen Responsive Register Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">



    <!-- CSS -->

    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

<div class="header">
    <div class="container">
        <div class="row">
            <div class="logo span4">
                <h1><a href="/indexs">云廊酒店 <span class="red"></span></a></h1>
            </div>
            <div class="links span8">

                <a href="#" rel="tooltip" data-placement="bottom" data-original-title="register" style="width: 100px;height: 30px;">
                    </a>
            </div>
        </div>
    </div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

<div class="register-container container">
    <div class="row">
        <div class="iphone span5">
            <img src="assets/img/iphone.png" alt="">
        </div>
<!--        普通帐号登录-->
        <div class="register span6" id="loginWindow" >
            <form>
                <h2>云廊酒店 <span class="red" ><strong>用户登录</strong></span></h2>
                    <div class="box" id="box1">普通登录</div>
                    <div class="box" id="box2" onclick="btnChangeWindowP()">手机动态登录</div>
                <label for="user_account" id="user_account_label">帐号</label>
                <input type="text" id="user_account" name="user_account" placeholder="请输入帐号/手机号码">
                <label for="user_password" id="user_password_label">登录密码</label>
                <input type="password" id="user_password" name="user_password" placeholder="请输入登录密码">
                <label for="code" id="code_label">验证码</label>
                <label><input type="text" id="code" name="code" placeholder="请输入验证码" style="width: 45%" >

                    <img  id="imgCode" onclick="btnImgCode()" src="/getCode" alt="验证码">
                </label>
                <label><input type="checkbox" name="rmb" id="rmb"  style="width: 20px">记住我</label>
                <label id="errorMsg" style="color: red">[[${error_msg}]]</label>
                <a href="/registerPage"><input type="button"value="没有帐号，免费注册"></a>
                <input type="button" name="submit" value="登录" id="btnSubmit" onclick="btnLogin()">
            </form>
        </div>


<!--        手机动态登录-->
        <div class="register span6"  id="loginWindowP">
            <form>
                <h2>云廊酒店 <span class="red"><strong>用户登录</strong></span></h2>
                </h2><div class="box" id="boxP1" onclick="btnChangeWindow()">普通登录</div>
                <div class="box" id="boxP2" >手机动态登录</div>
                <label for="user_phoneP" id="user_phone_labelP">手机号</label>
                <input type="text" id="user_phoneP" name="user_phone" placeholder="请输入帐号/手机号码">
                <label for="codeP" id="code_labelP">验证码</label>
                <label><input type="text" id="codeP" name="code" placeholder="请输入验证码" style="width: 45%" >
                    <img  id="imgCodeP" onclick="btnImgCodeP()" src="/getCode" alt="验证码">
                </label>
                <label for="code_phoneP" id="code_phone_labelP">手机验证码</label>
                <label><input type="text" id="code_phoneP" name="code_phone" placeholder="请输入短信验证码" style="width: 45%;">
                    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                    <input type="button" id="getCode_phone" name="getCode_phone" value="获取验证码" style="width: 40%" onclick="getCodePhone()"/></label>
                <label id="errorMsgP" style="color: red"></label>
                <a href="/registerPage"><input type="button"value="没有帐号，免费注册"></a>
                <input type="button" name="submit"  value="登录" id="btnSubmitP" onclick="btnLoginP()">
            </form>
        </div>
    </div>
</div>

<script src="assets/js/jquery-1.8.2.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/login.js"></script>
</body>

</html>

